var z=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var S=(t,o,e,r)=>{for(var n=r>1?void 0:r?D(o,e):o,a=t.length-1,i;a>=0;a--)(i=t[a])&&(n=(r?i(o,e,n):i(n))||n);return r&&n&&z(o,e,n),n};import{BrickElement as q,defineCustomElement as G}from"https://assets.acdn.no/pkg/@amedia/brick-template/v1/brick-template.js";import"https://assets.acdn.no/pkg/@amedia/brick-icon/v2/brick-icon.js";import{css as C,keyframes as w}from"https://assets.acdn.no/pkg/@amedia/brick-tokens/v5/brick-tokens.js";var E=w({"0%":{transform:"scale(0.7)",boxShadow:"0 0 0 0 var(--_b-icon-color-pulse-start)"},"70%":{transform:"scale(1)",boxShadow:"0 0 0 8px var(--_b-icon-color-pulse-end)"},"100%":{transform:"scale(0.7)",boxShadow:"0 0 0 0 var(--_b-icon-color-pulse-end)"}}),R=C({"@property --b-icon-color":`{
    syntax: "<color>";
    inherits: true;
    initial-value: 'currentColor';
  }`,"@property --b-icon-color-breaking-pulseStart":`{
    syntax: "<color>";
    inherits: true;
    initial-value: 'var(--brick-colors-pillNonePulseStartBg)';
  }`,"@property --b-icon-color-breaking-pulseEnd":`{
    syntax: "<color>";
    inherits: true;
    initial-value: 'var(--brick-colors-pillNonePulseEndBg)';
  }`,display:"inline-flex",color:"var(--b-icon-color, var(--_b-icon-color, currentColor))",'[data-icon-id="pill-breaking"] &':{"--_b-icon-color-pulse-start":"var(--b-icon-color-breaking-pulseStart, var(--brick--pulseColor70, var(--brick-colors-pillNonePulseStartBg)))","--_b-icon-color-pulse-end":"var(--b-icon-color-breaking-pulseEnd, var(--brick--pulseColor0, var(--brick-colors-pillNonePulseEndBg)))",color:"var(--b-icon-color, var(--_b-icon-color, var(--brick-colors-pillNoneBreakingFg)))",borderRadius:"50%",animation:`${E} 2s infinite`,display:"inline-flex",width:"fit-content","@media (prefers-reduced-motion)":{animation:"none"}}}),K=C({display:"inline-flex"}),V=t=>t?'role="graphics-symbol"':'aria-hidden="true"';function j(t){let{dataIconId:o,dataIconText:e}=t,r=e?`<title style="display: inline;">${e}</title>`:"",n=o?`<use href="#${o}" />`:"",a=`<div class="svg-wrap ${R}">
        <svg ${V(e)} width="32" height="32">
          ${r}
          ${n}
        </svg>
      </div>
      `;return t.isRendered?`<brick-icon-v${t.version} is-rendered ${e?'data-icon-text="${dataIconText}"':""} data-icon-id="${o}">${a}</brick-icon-v${t.version}>`:a}function A(t){return t.isRendered=!0,t.version="2",j(t)}import{getCssText as W}from"https://assets.acdn.no/pkg/@amedia/brick-tokens/v5/brick-tokens.js";import{css as P}from"https://assets.acdn.no/pkg/@amedia/brick-tokens/v5/brick-tokens.js";import{getCssText as N}from"https://assets.acdn.no/pkg/@amedia/brick-tokens/v5/brick-tokens.js";var c=P({"@property --b-avatar-size":`{
    syntax: "<length> | <percentage>";
    inherits: true;
    initial-value: 'auto';
  }`,"--_b-button-width":"var(--b-button-width, auto)",width:"var(--_b-button-width)"}),p=P({"&:before":{content:"''",position:"absolute",minHeight:"32px",minWidth:"32px",inset:"-2px"},"& span":{all:"unset",display:"flex",alignItems:"center"},position:"relative",appearance:"none",boxSizing:"border-box",textDecoration:"none",display:"inline-flex",alignItems:"center",borderStyle:"solid",borderWidth:"$button",cursor:"pointer",borderRadius:"$button",width:"var(--_b-button-width)","&:focus-visible, &.focus-visible":{outline:"$utilityInteractionFocusOutline solid 3px",outlineOffset:"2px",borderRadius:"$button",borderWidth:"$focusOutline","@bpSafari":{"@media":{outlineStyle:"auto"}}},"&:not(:has(span))":{borderRadius:"50%",padding:"0.5rem"},svg:{fill:"currentColor",display:"flex"},variants:{version:{primary:{backgroundColor:"$buttonPrimaryBg",color:"$buttonPrimaryFg",borderColor:"$buttonPrimaryBorder","&:hover, &.hover":{backgroundColor:"$buttonPrimaryHoverBg",color:"$buttonPrimaryFg",borderColor:"$buttonPrimaryHoverBorder"},"&:active, &:active:hover, &.active":{backgroundColor:"$buttonPrimaryActiveBg",color:"$buttonPrimaryFg",borderColor:"$buttonPrimaryActiveBg"},"&:focus-visible, &.focus-visible":{backgroundColor:"$buttonPrimaryActiveBg",color:"$buttonPrimaryFg",borderColor:"$buttonPrimaryHoverBorder"}},secondary:{backgroundColor:"$buttonSecondaryBg",color:"$buttonSecondaryFg",borderColor:"$buttonSecondaryBorder",transition:"300ms","&:hover, &.hover":{backgroundColor:"$buttonSecondaryHoverBg",color:"$buttonSecondaryFg",borderColor:"$buttonSecondaryHoverBorder"},"&:active, &:active:hover, &.active":{backgroundColor:"$buttonSecondaryActiveBg",color:"$buttonSecondaryFg",borderColor:"$buttonSecondaryHoverBorder"},"&:focus-visible, &.focus-visible":{backgroundColor:"$buttonSecondaryActiveBg",color:"$buttonSecondaryFg",borderColor:"$buttonSecondaryHoverBorder"}},outlined:{backgroundColor:"$buttonOutlinedBg",color:"$buttonOutlinedFg",borderColor:"$buttonOutlinedBorder","&:hover, &.hover":{backgroundColor:"$buttonOutlinedHoverBg",color:"$buttonOutlinedFg",borderColor:"$buttonOutlinedHoverBorder"},"&:active, &:active:hover, &.active":{backgroundColor:"$buttonOutlinedActiveBg",color:"$buttonOutlinedFg",borderColor:"$buttonOutlinedHoverBorder"},"&:focus-visible, &.focus-visible":{backgroundColor:"$buttonOutlinedHoverBg",color:"$buttonOutlinedFg",borderColor:"$buttonOutlinedHoverBorder"}}},size:{medium:{minHeight:"2.75rem",padding:"$none 1rem",fontstyle:"baseUtilityS"},small:{minHeight:"2.25rem",padding:"$none $x3",fontstyle:"baseUtilityS","& brick-icon-v2":{height:"26px",width:"26px"},"& svg":{height:"inherit",width:"inherit"}}},iconPlacement:{top:{display:"flex",flexDirection:"column"},left:{"brick-icon-v2 + span":{marginInlineStart:"8px"}},right:{"& brick-icon-v2":{order:2,marginInlineStart:"8px"}}}},defaultVariants:{version:"primary",size:"medium",iconPlacement:"left"}});var d=t=>t.replace(/-([a-z])/g,o=>o[1].toUpperCase()),I=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),T=t=>t&&["primary","secondary","outlined"].includes(t)?t:"primary",O=t=>t&&["top","right","left"].includes(t)?t:"left",H=t=>t&&["small","medium"].includes(t)?t:"medium";function M(t){let{dataIconid:o,dataIcontext:e,isRendered:r}=t;return o?r?A({dataIconId:o,dataIconText:e}):`<brick-icon-v2 data-icon-id="${o}" data-icon-text="${e}"></brick-icon-v2>`:""}function m(t){return t?`<span>${t}</span>`:""}function g(t){return[`${p({version:T(t.dataVersion),iconPlacement:O(t.dataIconplacement),size:H(t.dataSize)})}`,`${t.dataAddclasses||""}`].filter(e=>e).join(" ")}var v=t=>{let{dataAs:o,dataLinkto:e,dataLabel:r,dataDisabled:n,dataAdplabel:a,dataAdpvalue:i,isRendered:_,inlineStyles:F,...y}=t,u=t.dataIconid?M(t):"",$=n?"disabled":"",f=a?`data-adp-clicklabel="${a}"`:"",h=i?`data-adp-clickvalue="${i}"`:"",k=Object.keys(y).reduce((l,b)=>{if(b.startsWith("dataAria")){let x=y[b];return x?`${l} ${I(b.replace("data",""))}="${x}"`:l}return l},""),L=l=>["span","div"].includes(l),B=(()=>o&&L(o)?`<${o} class="${g(t)}">${u}${m(r)}</${o}>`:e?`<a href="${e}" target="${t.dataTarget}" ${f} ${h} class="${g(t)}" ${$} ${k}>${u}${m(r)}</a>`:`<button ${f} ${h} class="${g(t)}" ${$} ${k}>
          ${u}
          ${m(r)}
        </button>`)();return _===!0?`<brick-button-v7 class="${c}" is-rendered>${F?`<style>${W()}</style>`:""}${B}</brick-button-v7>`:`
      ${B}
    `};function U(t){let e=t.inlineStyles||!1;return v({...t,inlineStyles:e,isRendered:!0})}var s=class extends q{constructor(e={}){super();this._element=null;this.button_data=e}async connectedCallback(){this.isRendered||this.classList.add(`${c}`),super.connectedCallback(),this._element=this.querySelector("button")||this.querySelector("a")}set button_data(e){for(let[r,n]of Object.entries(e))s.mirroredProps.includes(r)&&(this.dataset[r]=n)}get button_data(){return s.mirroredProps.reduce((e,r)=>{var n,a;return e[d(r)]=(a=(n=this[d(r)])!=null?n:this.dataset[r])!=null?a:"",e},{})}static get mirroredProps(){return["data-addclasses","data-adplabel","data-adpvalue","data-aria-label","data-aria-labelledby","data-aria-describedby","data-aria-controls","data-aria-expanded","data-aria-pressed","data-disabled","data-iconid","data-iconplacement","data-icontext","data-linkto","data-label","data-size","data-target","data-version","data-as"]}static get observedAttributes(){return["data-aria-label","data-aria-labelledby","data-aria-describedby","data-aria-controls","data-aria-expanded","data-aria-pressed"]}attributeChangedCallback(e,r,n){var a,i;e&&r===n||e.startsWith("data-aria")&&((a=this.data)!=null||(this.data={}),this.data[d(e)]=n,(i=this._element)==null||i.setAttribute(e.replace("data-",""),n))}get eventListeners(){return this.onClick?[{selector:"button",action:"click",listener:this.onClick.bind(this)}]:[]}get HTML(){return v(this.button_data)}set onClick(e){this._onclick=e}get onClick(){return this._onclick}focus(e){var r;(r=this._element)==null||r.focus(e)}};s=S([G({selector:"brick-button-v7"})],s);export{s as BrickButton,p as buttonStyle,c as componentStyle,N as getCssText,U as renderBrickButton};
//# sourceMappingURL=brick-button.js.map